import { createBottomTabNavigator, createMaterialTopTabNavigator, BottomTabBar } from 'react-navigation';
import HomeScreen from "../screen/HomeScreen";
import Colors from '../constants/Colors';
import MeScreen from '../screen/MeScreen';
import TabButtomScreen from '../screen/TabButtomScreen';
import FindScreen from '../screen/FindScreen';
import BuyScreen from '../screen/BuyScreen';


export default createBottomTabNavigator({
    Home: HomeScreen,//首页
    Find: FindScreen,//找工单
    TabButtom: TabButtomScreen,//中间按钮
    Buy: BuyScreen,//购物车
    Me: MeScreen,//我的
},
    {
        // tabBarComponent: TabBarBottom,        //自定义标签栏组件
        // tabBarPosition: 'bottom',             //设置标签栏位置
        // animationEnabled: true,               //开启标签页切换动画
        // swipeEnabled: true,                   //允许标签页之间滑动切换
        // initialRouteName:'Home',              //初始路由
        // tabBarOptions:{                       //标签栏的样式设置如下↓
        //   style:{                               //整体标签栏样式设置
        //     backgroundColor:'#49a9ff',
        //   },
        //   tabStyle:{                            //每个标签的样式
        //     width:150
        //   },
        //   labelStyle:{                          //标签文字样式
        //     fontSize:16
        //   },
        //   iconStyle:{                           //标签图标样式
        //     width:20,
        //   },
        //   activeTintColor:'blue',               //标签激活时的前景色
        //   activeBackgroundColor:'white',        //标签激活时的背景色
        //   inactiveTintColor:'white',            //标签未激活时的前景色
        //   inactiveBackgroundColor:'blue',       //标签未激活时的背景色
        //   pressColor:'#9dbbff',                 //标签被点击时的颜色（仅安卓）
        //   showLabel:false,                     //将文字标签隐藏，默认为true开启
        //   showIcon:true,                       //显示图标，默认为false隐藏
        tabBarOptions: {
            style: {
                height: 60, backgroundColor: Colors.white,
            },
            showIcon: true,
            showLabel: true,
            indicatorStyle: {
                backgroundColor: Colors.transparent
            }
        },
        //tab bar的位置, 可选值： 'top' or 'bottom'
        tabBarPosition: 'bottom',
        //是否允许滑动切换tab页
        swipeEnabled: false,
        //是否在切换tab页时使用动画
        animationEnabled: false,
        //是否懒加载
        lazy: true,
        //返回按钮是否会导致tab切换到初始tab页？ 如果是，则设置为initialRoute，否则为none。 缺省为initialRoute。
        backBehavior: 'none',
    }
);
